<template>
  <div class="list">
    <ul class="item" v-for="(item, index) in list" :key="index">
      <li @click="handleClick(item.servePath)">
        {{ item.filename }}
      </li>
    </ul>
  </div>
</template>

<script>
import { request } from "../../../client/src/hook/useRequest";
import map from "../../../map.json";
export default {
  setup() {
    async function handleClick(filePath) {
      location.href = filePath;
    }
    return {
      list: map,
      handleClick,
    };
  },
};
</script>